<template>
	<div class="customer">
		<div class="message_item_content">
			<noDate v-if="customers.length==0"></noDate>
			<div class="message_item">
				<div class="message_time"><text>20:31</text></div>
				<div class="message_box">
					<div class="box_head">
						<div class="box_head_tittle"><text class="head_tittle">您的留言咨询收到回复</text>
							<div class="circular"></div>
						</div>
						<div><text class="iconfont .icon-arrow infoIcon"></text></div>
					</div>
					<div class="box_body"><text class="box_body_text">您的留言咨询 [ 请问我的订单编号要在哪里查… ] 收到客服回 复，点击查看回复内容。</text></div>
				</div>
			</div>
		</div>
	</div>

</template>
<script>
	export default {
		name: 'customer',
		data() {
			return {}
		},
		created() { // 在实例创建完成后被立即调用
		},
		methods: {},
		components: {},
	}
</script>

<style scoped>
	.customer{
	  background-color: rgb(248, 248, 248);
	}
	.message_content {
	  display: flex;
	  margin-top: 20px;
	  padding-right: 30px;
	  padding-left: 30px;
	  flex-direction: column;
	
	}
	
	.message_head {
	  margin-left: 5px;
	  width: 682px;
	  display: flex;
	  flex-direction: row;
	  justify-content: space-between;
	}
	
	.message_tittle {
	  height: 33px;
	  font-size: 34px;
	  font-weight: 500;
	  color: rgba(26, 26, 30, 1);
	  margin-left: 95px;
	}
	
	.message_all {
	  height: 28px;
	  font-size: 30px;
	  font-weight: 400;
	  color: rgba(26, 26, 30, 1);
	}
	
	
	.message_item_content {
	  display: flex;
	  flex-direction: column;
	  padding-left: 24px;
	  padding-right: 24px;
	  padding-top: 38px;
	}
	
	.message_time {
	  text-align: center;
	  font-size: 24px;
	  font-weight: 400;
	  color: rgba(26, 26, 30, 1);
	  opacity: 0.3;
	}
	
	.message_box {
	  width: 702px;
	  background: rgba(255, 255, 255, 1);
	  border-radius: 16px;
	  display: flex;
	  flex-direction: column;
	  margin-top: 38px;
	  margin-bottom: 38px;
	}
	
	.box_head_tittle {
	  display: flex;
	  flex-direction: row;
	  margin-left: 25px;
	  margin-top: 31px;
	  align-items: center;
	  justify-content: center;
	}
	
	.head_tittle {
	  font-size: 28px;
	  font-weight: 400;
	  color: rgba(26, 26, 30, 1);
	  line-height: 36px;
	}
	
	.circular {
	  width: 10px;
	  height: 10px;
	  background: rgba(231, 91, 83, 1);
	  border: 2px solid rgba(231, 91, 83, 1);
	  border-radius: 50%;
	  margin-left: 16px;
	}
	
	.box_head {
	  display: flex;
	  flex-direction: row;
	  justify-content: space-between;
	  align-items: flex-end;
	}
	
	.infoIcon {
	  margin-right: 30px;
	  margin-top: 24px;
	  color: rgba(42, 42, 54, 0.3);
	}
	.box_body{
	  width:645px;
	  margin-left: 25px;
	  margin-top: 47px;
	  margin-bottom: 29px;
	}
	
	.box_body_text {
	  font-size: 24px;
	  font-weight: 400;
	  color: rgba(26, 26, 30, 1);
	  line-height: 36px;
	  opacity: 0.5;
	}
</style>
